1. 下载node.js

在搭建vue的开发环境之前，先下载node.js，下载地址：https://nodejs.org/en/https://blog.csdn.net/antma/article/details/86104068

2. 安装

下载好后安装，傻瓜式点下一步直到finish即可https://blog.csdn.net/antma/article/details/86104068

3. 检测安装是否成功

安装成功后，一般不需要自己手动去配置环境变量，此时可以在命令行输入node -v 和 npm -v 分别查看node和npm的版本号；

4. 配置npm在安装全局模块时的路径和缓存cache的路径

在安装路径下新建两个文件夹，分别为：node_global和node_cache

5. 测试

在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效：https://blog.csdn.net/antma/article/details/86104068 webpack 也已安装成功，执行 npm webpack -v 可以看到所安装webpack的版本号：https://blog.csdn.net/antma/article/details/86104068

6. 在idea中导入vue项目并运行

setting-->plugins-->搜索vue-->选择第一个-->installed 导入vue项目 然后选择 package.json为当前项目目录下的package.json文件，scripts 选择 dev 继续添加npm 前面一样，scripts选择bulid 选择项目，点击

虽然会报 Opening index.html over file:// won't work.这个错误，但是好像没啥影响，在网上搜了一圈也没搞清楚啥原因 点击 输入 npm run dev 运行结果